<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/phone.css">
    <title>手机</title>
</head>
<body>
    <!--导航条-->
    <nav>
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <a class="navbar-brand" href="index.html"><img src="img/sony-logo.jpg"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" id="yiru" href="#">商品分类<img src="img/kt_09.png"/><span class="sr-only">(current)</span></a>
                            <div class="neirong" id="yichu">
                                <ul>
                                    <li><a href="" class="li1">电视机/音响</a></li>
                                    <li><a href="">PlayStation®</a></li>
                                    <li><a href="">微单™数码相机</a></li>
                                    <li><a href="">镜头</a></li>
                                    <li><a href="">数码相机</a></li>
                                    <li><a href="">数码摄像机</a></li>
                                    <li><a href="phone.html">手机</a></li>
                                    <li><a href="">耳机</a></li>
                                    <li><a href="">音乐播放器/录音棒</a></li>
                                    <li><a href="">高解析度音频设备</a></li>
                                    <li><a href="">数码配件</a></li>
                                    <li><a href="">潮玩科技</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item active li2 hai">
                            <a class="nav-link" href="#" id="yiru1">网址导航<img src="img/kt_09.png"/><span class="sr-only">(current)</span></a>
                            <div class="neirong1" id="yichu1">
                                <ul>
                                    <li class="li1"><a href="">家庭影像产品</a></li>
                                    <li><a href="">BRAVIA电视机</a></li>
                                    <li><a href="">4K/2K播放器</a></li>
                                    <li><a href="">家庭影音系统</a></li>
                                    <li class="li1"><a href="">PlayStation®</a></li>
                                    <li><a href="">PlayStation®VR</a></li>
                                    <li><a href="">PlayStation®VR 游戏</a></li>
                                    <li><a href="">PlayStation®4 Pro</a></li>
                                    <li><a href="">PlayStation®4</a></li>
                                    <li><a href="">PlayStation®4 游戏</a></li>
                                    <li><a href="">PlayStation®Vita</a></li>
                                    <li><a href="">PlayStation®Vita 游戏</a></li>
                                </ul>
                                <ul>
                                    <li class="li1"><a href="">数码影像产品</a></li>
                                    <li><a href="">微单™数码相机</a></li>
                                    <li><a href="">镜头</a></li>
                                    <li><a href="">数码相机</a></li>
                                    <li><a href="">数码摄像机</a></li>
                                    <li><a href="">运动相机</a></li>
                                    <li><a href="">索尼存储卡</a></li>
                                </ul>
                                <ul>
                                    <li class="li1"><a href="">便携音频产品</a></li>
                                    <li><a href="">耳机</a></li>
                                    <li><a href="">MP4/MP3播放器</a></li>
                                    <li><a href="">无线扬声器</a></li>
                                    <li><a href="">数码录音棒</a></li>
                                    <li class="li1"><a href="">家庭音频设备</a></li>
                                    <li><a href="">家庭音频系统</a></li>
                                    <li><a href="">高保真音响组件</a></li>
                                    <li><a href="">无线扬声器</a></li>
                                    <li><a href="">高解析度音频设备</a></li>
                                </ul>
                                <ul>
                                    <li class="li1"><a href="">潮玩科技</a></li>
                                    <li><a href="">Xperia™智能手机</a></li>
                                    <li><a href="">便携式投影仪</a></li>
                                    <li><a href="">KOOV™教育机器人</a></li>
                                </ul>
                                <ul>
                                    <li class="li1"><a href="">数码配件</a></li>
                                    <li><a href="">数码配件首页</a></li>
                                    <li><a href="">PlayStation®配件</a></li>
                                    <li><a href="">数码摄像机配件</a></li>
                                    <li><a href="">数码相机配件</a></li>
                                    <li><a href="">微单™数码相机配件</a></li>
                                    <li><a href="">运动相机配件</a></li>
                                    <li><a href="">音频产品配件</a></li>
                                    <li><a href="">Xperia™智能手机配件</a></li>
                                    <li class="li1"><a href="">行业解决方案</a></li>
                                </ul>
                                <ul>
                                    <li class="li1"><a href="">在线购物指南</a></li>
                                    <li><a href="">购物指南</a></li>
                                    <li><a href="">销售条款</a></li>
                                    <li><a href="">货物配送</a></li>
                                    <li><a href="">收货流程</a></li>
                                    <li><a href="">付款方式</a></li>
                                    <li><a href="">退货流程</a></li>
                                    <li class="li1"><a href="">服务与支持</a></li>
                                    <li><a href="">产品说明书</a></li>
                                    <li><a href="">常见问题</a></li>
                                    <li><a href="">保修条款</a></li>
                                </ul>
                                <ul>
                                    <li class="li1"><a href="">你周围的经销商</a></li>
                                    <li><a href="">门店查找</a></li>
                                    <li><a href="">维修网络查询</a></li>
                                    <li><a href="">My Sony Club</a></li>
                                    <li><a href="">会员福利</a></li>
                                    <li><a href="">产品注册</a></li>
                                    <li><a href="">会员注册</a></li>
                                    <li><a href="">α Café社区</a></li>
                                </ul>
                                <div class="di">
                                    索尼中国顾客咨询热线:<b>400 810 9000</b>
                                </div>
                            </div>
                        </li>
                        <li>
                            <form action="">
                                <input type="text" list="xiala" name="" placeholder="Xperia 1 预售开启"/>
                                <button><img src="img/kt_06.png"></button>
                            </form>
                            <datalist id="xiala">
                                <option label="" value="A9G系列" />
                                <option label="" value="迷你黑卡®RX0II" />
                                <option label="" value="SEL135F18GM" />
                                <option label="" value="WH-1000XM3" />
                                <option label="" value="数码录音棒PCM-D10" />
                                <option label="" value="XPERIA 10 Plus" />
                                <option label="" value="音乐播放器DMP-Z1" />
                                <option label="" value="黑卡®RX100VI"/>
                                <option label="" value="PlayStation®4" />
                            </datalist>
                        </li>
                    </ul>
                    <ul class="ul2">
                        <li class="nav-item active li1">
                            <a class="nav-link" href="#">登入 / 注册<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active li2">
                            <a class="nav-link" href="#" id="">My Sony<img src="img/kt_09.png"/><span class="sr-only">(current)</span></a>

                        </li>
                        <li class="nav-item active li2">
                            <a class="nav-link" href="#">服务于支持<img src="img/kt_09.png"/><span class="sr-only">(current)</span></a>
                        </li>
                        <li>
                            <img src="img/kt_03.png">
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </nav>
<!--轮播-->
    <banner>
        <div class="container1">
            <div class="banner_top">
                <span><a href="index.html">索尼中国在线商城</a> > 智能设备/手机</span>
                <img src="img/category_logo_xperia.gif" alt="">
            </div>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/xperia1_kv_1920_600_3.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/10Plus_onsale.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/xz3_kv_1920_600_2.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </banner>
    <section>
        <div class="container1">
            <div class="section_top">
                <img src="img/20190618_597x220.jpg" alt="">
                <img src="img/srs_ws1_banner_597_220.jpg" alt="">
            </div>

            <div class="section1">
                <div class="div1">
                    <h3> X 系列</h3>
                </div>
                <ul id="app">
                    <li v-for="url in message">
                        <div class="li_top">
                            <span>{{url.title}}</span>
                            <span><img :src="url.pic1" alt=""></span>
                            <span><img :src="url.pic2" alt=""></span>
                        </div>
                        <div class="tupian">
                            <img :src="url.pic" alt="">
                        </div>
                        <div class="li_bootom">
                            <p>{{url.title1}}</p>
                            <span class="span1">RMB <span class="span3">{{url.title3}}</span></span>
                            <span class="span2"></span><b>对比</b>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="section2">
                <div class="div1">
                    <h3>更多选择</h3>
                </div>
                <div class="section2_di">
                    <ul id="app1">
                        <li v-for="uls in message">
                            <div class="tupian">
                                <img :src="uls.pic" alt="">
                            </div>
                            <div class="li_bootom">
                                <p>{{uls.title}}</p>
                                <span class="span1">RMB <span class="span3">{{uls.title3}}</span></span>
                                <span class="span2"></span><b>对比</b>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="section3">
                <button id="bot"> << 历史型号 </button>
                    <ul class="shou" id="shou">
                        <li><a href="">> Xperia XZ2 Premium </a></li>
                        <li><a href="">> Xperia XZ2</a></li>
                        <li><a href="">> Xperia Touch </a></li>
                        <li><a href="">> Xperia XZs 双卡版</a></li>
                        <li><a href="">> Xperia XZ1 双卡版 </a></li>
                        <li><a href="">> Xperia XZ Premium</a></li>
                        <li><a href="">> Xperia XA2 Ultra</a></li>
                    </ul>
            </div>
            <div class="section3_bottom">
                <div class="row">
                    <div class="left">
                            <span>关注我们</span>
                            <ul>
                                <li><img src="img/bottom_share1(1).jpg" alt=""><br>索尼中国<br>官方微信服务号</li>
                                <li><img src="img/bottom_share1.jpg" alt=""><br>索尼中国APP<br><a href="">点击查看</a></li>
                                <li><img src="img/bottom_share2(1).png" alt=""><br>索尼官方频道<br><a href="">点击查看</a></li>
                            </ul>
                    </div>
                    <div class="col-lg-8">
                        <p>
                            "微单"是索尼（中国）有限公司的商标。<br>
                            * 所有的产品和品牌名称都可能是相应生产商的商标或是注册商标。TM 和 ® 的标示有可能在本网站上被省略。<br>
                            索尼将尽可能地在本网站提供准确的信息。本网站内所涉及的产品图片与实物可能有细微区别，效果演示图和示意图仅供参考（图片为合成图、模拟演示图），有关索尼产品的外观（包括但不限于颜色）请以实物为准。<br>
                            *限于篇幅，本网站/页面中所包含的信息（包括但不限于产品规格、功能说明、参数等）可能不完整，请以有关产品使用说明书的具体信息为准。<br>
                            产品价格、规格、型号、供应状况如有更改，将及时予以更新。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container1">
            <div class="row">
                <div class="col-lg-6">
                    <div class="col-lg-6">
                        <ul>
                            <li class="li3"><a href="">Sony Store 直营店</a></li>
                            <br>
                            <li class="li3"><a href="">你周围的经销商</a></li>
                            <br>
                            <li><a href="">就近门店查询</a><img src="img/footer-icon_03.png" alt=""></li>
                            <li><a href="">就近维修站查询</a><img src="img/footer-icon_03.png" alt=""></li>
                        </ul>
                    </div>
                    <div class="col-lg-6">
                        <ul>
                            <li>关注我们</li>
                            <li class="li4"><a href="">索尼（中国）官方微博</a></li>
                            <li class="li4"><a href="">索尼（中国）官方微信</a></li>
                            <li><a href="">手机客户端 </a><img src="img/footer-icon_07.png" alt=""></li>
                            <li><a href="">在线服务</a> <img src="img/footer-icon_07.png" alt=""></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="col-lg-3">
                        <ul>
                            <li>如何订购</li>
                            <li><a href="">在线订购指南</a></li>
                            <li><a href="">销售条款</a></li>
                            <li><a href="">付款方式</a></li>
                            <li><a href="">货物配送</a></li>
                            <li><a href="">收货流程</a></li>
                            <li><a href="">退货流程</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3">
                        <ul>
                            <li>会员天地</li>
                            <li><a href="">我的索尼</a></li>
                            <li><a href="">最新动态</a></li>
                            <li><a href="">产品注册</a></li>
                            <li><a href="">My Sony学院</a></li>
                            <li><a href="">会员权益</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3">
                        <ul>
                            <li>服务与支持</li>
                            <li><a href="">产品说明书</a></li>
                            <li><a href="">驱动程序检索</a></li>
                            <li><a href="">常见问题</a></li>
                            <li><a href="">保修条款</a></li>
                            <li><a href="">维修网络查询</a></li>
                            <li><a href="">索尼手机客户服务</a></li>
                            <li><a href="">服务动态</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3">
                        <ul>
                            <li>相关链接</li>
                            <li><a href="">应用中心</a></li>
                            <li><a href="">视频教程中心</a></li>
                            <li><a href="">行业解决方案</a></li>
                            <li><a href="">新闻中心</a></li>
                            <li><a href="">影像产品正品认证</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
                <div class="fo_left">
                    <ul>
                        <li><a href="">索尼中国首页</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">责任声明</a></li>
                        <li><a href="">营业执照</a></li>
                        <li><a href="">索尼隐私政策</a></li>
                    </ul>
                    <ul>
                        <li><a href="">本网站包含推销产品或服务的广告</a></li>
                        <li><a href="">京ICP备05036958号</a></li>
                        <li><a href=""><img src="img/footer-icon_11.png" alt="">京公网安备11010502031585号</a></li>
                        <li><a href="">诚信网站认证</a></li>
                    </ul>
                </div>
                <div class="fo_right">
                    2019索尼（中国）有限公司 版权所有<br>
                    <span>您访问本网站将会被监控，请<a href="">点击</a>此处获得详细信息</span>
                </div>
            </div>
        </div>
    </footer>

    <div class="yin" id="yin">
        <div class="yin1" id="yin1">
            <img src="img/icon-hide.png" alt="">
        </div>
            <b></b>
            <i></i>
            <div id="Totop" >
               <b></b>
            </div>
    </div>



    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/phone.js"></script>
    <script src="js/phone1.js"></script>
</body>
</html>